<template lang="html">
  <div class="tip-box" id="tip-box">
    <div class="tip-icon"></div>
    您的粉丝数量少于10位，点击【我的海报】生成海报分您的粉丝数量少于10位，点击【我的海报】生成海报分
    <span class="close-tip-btn" @click="closeCover()">×</span>
  </div>
</template>

<script>
export default {
  methods: {
    closeCover() {
      let obj = document.getElementById('tip-box');
      obj.style.display = "none";
    }
  }
}
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
  .tip-box {
    width: 100%;
    line-height: 0.32rem;
    position: relative;
    padding: 0.2rem 0.2rem 0.2rem 0.75rem;
    background-color: #faf7e4;
    .tip-icon {
      width: 0.4rem;
      height: 0.32rem;
      background: url('//cowcdn.oss-cn-hangzhou.aliyuncs.com/lg/img/lgnoticeIcon.png')no-repeat center/100% 100%;
      position: absolute;
      top: 0.18rem;
      left: 0.2rem;
    }
    .close-tip-btn {
      color: #919191;
      font-size: 0.5rem;
    }
  }
</style>
